
.corner{
  margin: 10rpx 24rpx;
  border-radius: 10rpx;
}
.swiper-detail-img{
  width: 750rpx;
  height: 350rpx;
  background:linear-gradient(180deg,rgba(255,255,255,0.5) 0%,rgba(0,0,0,0) 100%);
  position: relative;
  .swiper-wrapper{
    height: 100%;
    width: auto;
    .slide-image{
      width: 100%;
      height: 100%;
      padding:0;
      // border-radius: 10rpx;
    }
  }
  .dots{
    display: flex;
    align-items: center;
    justify-content: center;
    bottom:20rpx;
    left: 50%; 
    transform: translate(-50%, 0);
    position: absolute;
    .dot{
      width:12rpx;
      height:12rpx;
      border-radius: 12rpx;
      background:rgb(202, 206, 206);
      opacity:0.7;
      margin-left: 14rpx;
    }
    .active{
      width:12rpx;
      height:12rpx;
    }
  }
}
